<template>
    <div class="info">
        <h3>个人信息页</h3>
        {{id}}-{{name}}-{{price}}
    </div>
</template>

<script>
    export default {
        name:'Info',
        data() {
            return {
                id:'',
                name:'',
                price:''
            };
        },
        watch:{
            $route:{
                handler(){
                    let { id,name,price } = this.$route.query;
                    this.id=id;
                    this.name=name;
                    this.price=price;
                },
                immediate:true
            }
        }
    }
</script>

<style scoped>
    .info{
        width: 100%;
        height: 100%;
        background-color: rgb(30, 114, 210);
    }
</style>